<template>
  <div class="app-container">
    <!--工具栏-->
    <Search :crud="crud">
      <el-form-item label="领取状态">
        <el-select v-model="query.claim_status" placeholder="请选择领取状态">
          <el-option label="未领取" value="0"></el-option>
          <el-option label="已领取" value="1"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="部门">
        <el-input v-model="query.department" placeholder="请输入部门">
        </el-input>
      </el-form-item>
      <el-form-item label="姓名">
        <el-input v-model="query.real_name" placeholder="请输入姓名">
        </el-input>
      </el-form-item>
      <el-form-item label="工号">
        <el-input v-model="query.emp_id" placeholder="请输入工号"> </el-input>
      </el-form-item>
      <el-form-item label="日期">
        <el-date-picker
          v-model="query.att_date"
          type="date"
          placeholder="请选择日期"
          value-format="yyyy-MM-DD"
        >
        </el-date-picker>
      </el-form-item>
    </Search>
    <el-card>
      <el-table
        ref="table"
        border
        v-loading="crud.loading"
        :data="crud.data"
        style="width: 100%"
        @selection-change="crud.selectionChangeHandler"
      >
        <el-table-column
          type="selection"
          width="55"
          align="center"
          fixed="left"
        />
        <el-table-column label="序号" type="index" width="50" align="center" />
        <el-table-column prop="empId" label="工号" align="center" width="100"/>
        <el-table-column prop="realName" label="姓名" align="center" />
        <el-table-column prop="department" label="部门" align="center" :minWidth="200"/>
        <el-table-column
          prop="incorporatedCompany"
          label="法人公司"
          align="center"
        />
        <el-table-column prop="empWorkCity" label="工作地点" align="center" />
        <el-table-column prop="salTypeDesc" label="人员属性" align="center" />
        <el-table-column prop="ruleSettings" label="发放金额" align="center" />
        <el-table-column prop="createdAtView" label="发放时间" align="center" width="150"/>
      </el-table>
      <!--分页组件-->
      <pagination />
    </el-card>
  </div>
</template>

<script>
import CRUD, { presenter, header, crud } from '@crud/crud'
import crudOperation from '@crud/CRUD.operation'
import pagination from '@crud/Pagination'
import udOperation from '@crud/UD.operation'
import Search from '@/components/Search'
export default {
  name: 'recruitmentRewardsInfo',
  components: {
    crudOperation,
    pagination,
    udOperation,
    Search,
  },
  cruds() {
    return CRUD({
      title: '节日积分奖励',
      url: '/mealCompensationPoints/listFestival',
      requestMethod: 'post',
      sort: ['id,desc'],
    })
  },
  mixins: [presenter(), header(), crud()],
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
::v-deep .el-input-number .el-input__inner {
  text-align: left;
}
.item {
  margin-top: 10px;
  margin-right: 10px;
}
</style>

